﻿@model IEnumerable<EventPlanner.Models.Evento>
@using EventPlanner.Models
@{
    ViewBag.Title = "Página de Inicio";
}
<head>
<script src="@Url.Content("~/Scripts/animate-evento-portada.js")" type="text/javascript"></script>

</head>

<h2>@EventPlanner.Resources.Home.Index.lbl_ProximosEventos</h2>

@foreach (Evento e in Model)
{
    <div class="evento-portada">
        
       <a href="#"  data-reveal-id="@e.id" data-animation="fadeAndPop">@e.Nombre</a>
          <br />   @e.Fecha.ToLongDateString()
         <div id="@e.id" class="reveal-modal">
            <h2> @e.Nombre <br /></h2>
			 <h3>@e.Fecha.ToLongDateString() a las @e.Fecha.ToShortTimeString()<br /></h3>
             <h3>@e.Lugar <br /></h3>
             @e.Descripcion <br />
             @Html.ActionLink("Ver detalle", "DetailsTodos", new { controller = "Evento", id = e.id }, new { @class = "evento-portada" })
			<a class="close-reveal-modal">&#215;</a>
		</div>
    </div>
    <p></p>
}

       